<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小兔鲜儿-订单页面</title>
  <!-- 引入字体图标css文件 -->
  <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
  <!-- 引入normalize.css文件 -->
  <link rel="stylesheet" href="./css/normalize.css">
  <!-- 引入自己的css order.css -->
  <link rel="stylesheet" href="./css/order.css">
</head>

<body>
  <!-- 页面主题 开始 -->
  <div class="main">
    <!-- 用户信息 -->
    <div class="order-msg">
      <div class="location">
        <i class="iconfont icon-location"></i>
      </div>
      <div class="info">
        <P>
          <span class="uname">米利滨</span>
          <span class="tel">13622068132</span>
        </P>
        <P>天津市西青经济技术开发区赛达工业园天源道9号E2-E4座</P>
      </div>
      <a href="#" class="more">
        <i class="iconfont icon-more"></i>
      </a>
    </div>


    <!-- 商品信息模块 -->
    <div class="goods">
      <div class="pic">
        <img src="./uploads/pic.png" alt="">
      </div>
      <div class="info">
        <h4>康贝儿 非接触式红外体温仪</h4>
        <p class="youhui">领券立减30元 婴儿级材质 测温...</p>
        <p class="special">粉色 红外体温计</p>
        <p class="price"><sub>￥</sub>266 <del>￥299</del></p>
      </div>
      <div class="count">
        <i class="iconfont icon-x"></i>1
      </div>
    </div>




    <!-- 配送模块 -->
    <div class="panel">
      <div class="express">
        <p>配送方式</p>
        <p>顺丰快递</p>
      </div>
      <div class="remark">
        <p>卖家备注</p>
        <p>希望尽快可以发货，谢谢~，不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~</p>
      </div>
      <div class="payment">
        <p>支付方式</p>
        <p>支付宝<i class="iconfont icon-more"></i></p>
      </div>
    </div>
    <!-- 配送模块结束 -->
    <!-- 配送模块 -->
    <div class="panel">
      <div class="express">
        <p>配送方式</p>
        <p>顺丰快递</p>
      </div>
      <div class="remark">
        <p>卖家备注</p>
        <p>希望尽快可以发货，谢谢~，不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~</p>
      </div>
      <div class="payment">
        <p>支付方式</p>
        <p>支付宝<i class="iconfont icon-more"></i></p>
      </div>
    </div>
    <!-- 配送模块结束 -->
    <!-- 配送模块 -->
    <div class="panel">
      <div class="express">
        <p>配送方式</p>
        <p>顺丰快递</p>
      </div>
      <div class="remark">
        <p>卖家备注</p>
        <p>希望尽快可以发货，谢谢~，不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~不要辣~</p>
      </div>
      <div class="payment">
        <p>支付方式</p>
        <p>支付宝<i class="iconfont icon-more"></i></p>
      </div>
    </div>
    <!-- 配送模块结束 -->

  </div>
  <!-- 页面主题 结束 -->


  <!-- 支付模块 开始 -->
  <footer class="pay-order">
    <div class="sum">
      合计：<span><sub>￥</sub><em>266.00</em></span>
    </div>
    <div class="pay">
      <a href="#">去支付</a>
    </div>
  </footer>
  <!-- 支付模块 结束 -->
</body>

</html>